<!DOCTYPE html>
<html lang="en">
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.js"></script>

<head>
    <link rel="stylesheet" href="../css/base.css/base.css">
    <script src="../js/rem.js"></script>
    <link rel="stylesheet" href="../css/style.css/style.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>Document</title>
    <style>
        li {
            font-size: 17px;
            color: #Fff;
            display: flex;
            justify-content: space-around;
        }

        span {
            display: flex;
            justify-content: space-around;

        }

        h6 {
            text-align: center;
        }

        footer {
            display: flex;
            justify-content: space-around;
        }

        nav div {
            width: 100%;
            height: 2rem;
            font-size: 16px;

        }

        .odiv {

            display: flex;
            justify-content: space-between;
        }

        .odiv img {
            width: 2rem;
            height: 2rem;
            display: flex;

        }
    </style>
</head>

<body>
    <div class="aa">
        <header>
            <h4 style="text-align: center;color: #Fff;line-height: 1rem;">咨询</h4>
        </header>
        <nav>
            <div class="odiv">
                <img src="https://pics1.baidu.com/feed/b2de9c82d158ccbfaece1f675b5eba37b0354188?token=98dc400f31e501a81ac5ad478b2bb2ab&f=png"
                    alt="">


                <img src="https://pics1.baidu.com/feed/b90e7bec54e736d1d026865ca6d649cbd5626938?token=d18819afb02dc894a22bd75a131e44c1&f=png"
                    alt="">

                <img src="https://pics2.baidu.com/feed/4e4a20a4462309f783c5e272dea00ffad6cad65b?token=6ac334ece6395bb8115526eb1aab596a&f=jpeg"
                    alt="">
            </div>
            <hr>
            <div class="odiv">
                <img src="https://pics1.baidu.com/feed/c995d143ad4bd1133c1c8f04c87a5b074afb0514?token=439047eaa1fb10100f2d07ffa0f62e56&f=jpeg"
                    alt="">


                <img src="https://pics1.baidu.com/feed/7e3e6709c93d70cfb56f39c574092e08b8a12bbb?token=df620315f3c5064776b43edf1b81b4df&f=jpeg"
                    alt="">

                <img src="https://pics1.baidu.com/feed/3812b31bb051f8195196916e5461b5e52f73e746?token=7589b5cbcd17b5f477881c2767935941&f=jpeg"
                    alt="">
            </div>
            <hr>
            <div class="odiv">
                <img src="https://pics2.baidu.com/feed/359b033b5bb5c9ea7c68905697bfb0093bf3b37f?token=511e78a8417de218d8e79412451288b4&f=png"
                    alt="">


                <img src="https://pics2.baidu.com/feed/1e30e924b899a901e88259a321130c720308f57b?token=47f07f4c978fe534b11f9048e815b613&f=png"
                    alt="">

                <img src="https://pics2.baidu.com/feed/728da9773912b31b570e2f05c39e3073dbb4e1c8?token=394b2169e963b8bc49c2e5a1e50fce12&f=png"
                    alt="">
            </div>
            <hr>
            <div class="odiv">
                <img src="https://pics1.baidu.com/feed/bd3eb13533fa828ba581cdb5bf99473d960a5a50?token=fb122fdcb2413c6458240ee23f170d24&f=png"
                    alt="">


                <img src="https://pics2.baidu.com/feed/3c6d55fbb2fb43163910ee721c22402a09f7d33e?token=d08d5bb46385b92d4f3b5bc3c1b4f2d8&f=png"
                    alt="">

                <img src="https://pics2.baidu.com/feed/1b4c510fd9f9d72a918f2bea9eac2e3d369bbbe9?token=a1638e2ed093bbcaea55edd789ec7029&f=png"
                    alt="">
            </div>
            <hr>


        </nav>
        <footer>
            <span class="glyphicon glyphicon-envelope" aria-hidden="true">
                <li>主页</li>
            </span>
            <span class="glyphicon glyphicon-list-alt" aria-hidden="true">
                <li>圈子</li>
            </span>
            <span class="glyphicon glyphicon-heart-empty" aria-hidden="true">
                <li>收藏</li>
            </span>
            <span class="glyphicon glyphicon-user" aria-hidden="true">
                <li>我的</li>
        </footer>

    </div>
</body>

</html>